<template>
  <div id="app">
     <header>
        <a href="http://cn.xgate.com/"><img src="./assets/logo-4.png" alt="logo"></a>
        <div><img src="./assets/word.png" alt=""></div>
      </header>  
      <router-view>
      </router-view>   
  </div>
  
</template>
<script>
export default {
  name: 'app'
}
</script>

<style>
body{
  margin: 0;
  background:url("./assets/bg.d17057b.jpg") no-repeat;
  /* background-size: 100% 100% */
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  height: 100%;
}
html,body{
  height: 100%;
}
</style>
<style scoped>
header{
  display: flex;
  padding:2px 5%;
  background:#ffffff;
  font-size:0;
  border-bottom: 5px solid #000;
}
header>a>img{
  position: relative;
  top:50%;
  transform:translate(0,-50%)
}
</style>
